<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>隔行变色</title>
		<style type="text/css">
			li{
				list-style: none;
			}
		</style>
	</head>
	<body>
		<ul>
			<li>1</li>
			<li>1</li>
			<li>1</li>
			<li>1</li>
			<li>1</li>
			<li>1</li>
		</ul>
		<script>
			/*1、获取到li对象
			 * 2、循环操作
			 * 	  偶数行li设置背景色为灰色
			 * 	 奇数行*/
			var lis=document.getElementsByTagName("li");//数组(每一个元素都是对象)
			for	(var i=0;i<lis.length;i++){
				if(i%2==0){
					lis[i].style.background="#ccc";
				}
			}
			
		</script>
	</body>
</html>
